* {
  box-sizing: border-box;
}

uni-view {
  display: block;
}

.uni-app--showtabbar uni-page-head[uni-page-head-type="default"]~uni-page-wrapper {
  height: calc(100% - 44px - 50px);
  height: calc(100% - 44px - constant(safe-area-inset-top) - 50px - constant(safe-area-inset-bottom));
  height: calc(100% - 44px - env(safe-area-inset-top) - 50px - env(safe-area-inset-bottom));
}

uni-page-body, uni-page-refresh {
  display: block;
  box-sizing: border-box;
  width: 100%;
}

.bg {
  background-size: cover;
  background-image: url(/static/qdHistory/bg.png);
  background-color: #fff;
  padding: 28px 14px;
  min-height: calc(100vh - 44px - 60px);
}

.timeView {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.timeView .pick {
  width: 110px;
  height: 34px;
  background-color: #ebebeb;
  border-radius: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
}

.timeView .label {
  margin: 0 16px;
  font-size: 14px;
  color: #333;
}

.timeView .search {
  padding: 7px 13px;
  background-color: #fe9e1c;
  color: #fff;
  font-size: 14px;
  border-radius: 50px;
  margin-left: auto;
}

.navs {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 20px;
}

.navs .item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  color: #333;
  font-size: 16px;
  padding: 9px 0;
  text-align: center;
  font-weight: 700;
  position: relative;
}

.navs .act {
  color: #fe9e1c;
}

.navs .act:after {
  background-color: #fe9e1c;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 28px;
  margin: auto;
  display: block;
  content: "";
}


uni-scroll-view {
  display: block;
  width: 100%;
}

.uni-scroll-view, .uni-scroll-view-content {
  width: 100%;
  height: 100%;
}

.notMore {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 50px;
  color: #ccc;
}
.list{height:calc(100vh - 44px - 50px - 163px)}
.list .item{width:327px;height:336px;background-size:cover;background-image:url(/static/qdHistory/white.png);padding:25px 22px}
.list .item .msg{font-size:12px;color:#bebebe;margin-bottom:5px;margin-top:7px}
.list .item .commodity{padding:9px;background-color:#ebebeb;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.list .item .commodity .icon{width:95px;height:86px}
.list .item .commodity .right{height:86px;position:relative;width:149px}
.list .item .commodity .right .tit{font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.list .item .commodity .right .bottom{position:absolute;bottom:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;font-size:13px;color:#333;width:100%}
.msg2{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.msg2 .l{font-size:13px;color:#999}
.msg2 .r{font-size:13px;color:#333;margin-top:9px}
.msg2 .yellow{color:#fe9e1c}
.submit{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;margin-top:1px}
.submit .btn{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding:9px 9px;border-radius:5px;font-size:11px;color:#fff;background:#fe9e1c}